$(function(){
  // 1.首页渲染
  // 2.禁用启用
 //  3.分页功能


 var currentPage =1; //记录当前页
 var pageSize=4; //每页的条数
  // 1.首页渲染
    // 1.1 ajax去后台拿数据
    // 1.2 用模版引擎，渲染返回在数据
    function render (){
      $.ajax({
      type: 'get',
      url: '/user/queryUser',
      data:{
        page:currentPage,
        pageSize:pageSize
      },
      dataType: 'json',
      success: function (res) {
        $('tbody').html(template('tmp',res));
        setPage(res.total);
      }
      })
    }
    render();

    // 2.禁用启用   
    var id =null;
    var isDelete = null;
    $('tbody').on('click','.btn',function(){
      id =$(this).parent().attr('data-id');
      isDelete = $(this).hasClass('btn-danger') ?  0:1;
    })
    // 用户点击确定按钮发送ajax获取数据
    $('.btn-ok').click(function(){
    $.ajax({
    type: 'post',
    url: '/user/updateUser',
    data:{
      id:id,
      isDelete:isDelete,
    },
    dataType: 'json',
    success: function (res) {
      render();
      $('.modal-user').modal('hide');
      }
    })
  })

  // 3.分页
  function setPage (total){
    $('#paginator').bootstrapPaginator({
      bootstrapMajorVersion:3,//版本信息
      currentPage:currentPage,//当前页
      totalPages:Math.ceil(total/pageSize),//总页数
      // size:'small',//设置控件的大小
      onPageClicked:function (event,originalEvent,type,page) {
        //绑定点击事件
        currentPage = page;
        render();
      }
    })
  }
  // setPage(12)
});